/*------------------------------------*
    #MIXINS
/*------------------------------------*

//== Icons
//
//## Font awesome icons
=font-icons($font-family, $icon-unicode, $font-size, $color)
  content: $icon-unicode
  font-family: $font-family
  font-size: $font-size
  color: $color
  text-rendering: auto
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale
  transform: translate(0, 0)

//== Tab Focus
//
//## Form focus
=tab-focus()
  outline: thin dotted
  outline: 5px auto -webkit-focus-ring-color
  outline-offset: -2px

//== Label
//
//## Label Variant
=label-variant($color)
  background-color: $color
  &[href]
    &:hover,
    &:focus
      background-color: darken($color, 10%)

//== Panel
//
//## Panel Variant
=panel-variant($panel-header-bg)
  & > .panel-header
    background-color: $panel-header-bg
    & > .panel-tool-close
      position: relative
      top: -3px
      color: #79828B
  & > .panel-body
    background-color: #F1F0F0
    padding: 15px
  &.panel-datagrid
    & > .panel-body
      padding: 0
